<div id="addShopCommunityModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-body">
                <h3 class="m-t-none m-b ">入驻</h3>
                <div class="ibox-content">
                    <div>
                        <div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">小区地区</label>
                                <div class="col-sm-10">
                                    <select id="pro" class="form-control form-control-sm"
                                            style="width: 30%;display: inline;"
                                            v-model="addShopCommunityInfo.selectProv"
                                            @change="getProv(addShopCommunityInfo.selectProv)">
                                        <option value='' disabled selected style='display:none;'>请选择省</option>
                                        <option v-for="item in addShopCommunityInfo.provs" :label="item.areaName"
                                                :value="item.areaCode">
                                            {{item.areaName}}
                                        </option>
                                    </select>
                                    <select id="city" class="form-control form-control-sm"
                                            style="width: 30%;display: inline;"
                                            v-if="addShopCommunityInfo.selectProv!=''"
                                            v-model="addShopCommunityInfo.selectCity"
                                            @change="getCity(addShopCommunityInfo.selectCity)">
                                        <option value='' disabled selected style='display:none;'>请选择城市</option>
                                        <option v-for="item in addShopCommunityInfo.citys" :label="item.areaName"
                                                :value="item.areaCode">
                                            {{item.areaName}}
                                        </option>
                                    </select>
                                    <select id="area" class="form-control form-control-sm"
                                            style="width: 30%;display: inline;"
                                            v-if="addShopCommunityInfo.selectCity!=''"
                                            v-model="addShopCommunityInfo.selectArea"
                                            @change="getArea(addShopCommunityInfo.selectArea)">
                                        <option value='' disabled selected style='display:none;'>请选择区县</option>
                                        <option v-for="item in addShopCommunityInfo.areas" :label="item.areaName"
                                                :value="item.areaCode">
                                            {{item.areaName}}
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group row">
                                <label class="col-sm-2 col-form-label">小区</label>
                                <div class="col-sm-10">
                                    <select class="custom-select" v-model="addShopCommunityInfo.communityId"
                                            @change="_changeCommunity()">
                                        <option selected disabled value="">必填，请选择小区</option>
                                        <option :value="item.communityId"
                                                v-for="(item,index) in addShopCommunityInfo.communitys">{{item.name}}
                                        </option>
                                    </select>
                                </div>
                            </div>
                            <div class="ibox-content">
                                <button class="btn btn-primary float-right" type="button"
                                        v-on:click="saveShopCommunityInfo()">
                                    <i class="fa fa-check"></i>&nbsp;保存
                                </button>
                                <button type="button" class="btn btn-warning float-right" style="margin-right:20px;"
                                        data-dismiss="modal">
                                    <i class="fa fa-close"></i>&nbsp;取消
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>